<!DOCTYPE html>
<html lang="en">
  <!--<< Header Area >>-->
  <head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="author" content="modinatheme" />
    <meta
      name="description"
      content="DalTech - IT Solution & Technology Html Template" />
    <!-- ======== Page title ============ -->
    <title>DalTech - IT Solution & Technology Html Template</title>
    <!--<< Favcion >>-->
    <link rel="shortcut icon" href="assets/img/preloader.svg" />
    <!--<< Bootstrap min.css >>-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <!--<< Font Awesome.css >>-->
    <link rel="stylesheet" href="assets/css/font-awesome.css" />
    <!--<< Animate.css >>-->
    <link rel="stylesheet" href="assets/css/animate.css" />
    <!--<< Magnific Popup.css >>-->
    <link rel="stylesheet" href="assets/css/magnific-popup.css" />
    <!--<< MeanMenu.css >>-->
    <link rel="stylesheet" href="assets/css/meanmenu.css" />
    <!--<< Slick.css >>-->
    <link rel="stylesheet" href="assets/css/slick.css" />
    <!--<< Nice Select.css >>-->
    <link rel="stylesheet" href="assets/css/nice-select.css" />
    <!--<< Main.css >>-->
    <link rel="stylesheet" href="assets/css/main.css" />
    <!--<< Style.css >>-->
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <!-- Preloader Start -->
    <div id="preloader" class="preloader">
      <div class="animation-preloader">
        <div class="spinner"></div>
        <div class="txt-loading">
          <span data-text-preloader="望" class="letters-loading">望</span>
          <span data-text-preloader="今" class="letters-loading">今</span>
          <span data-text-preloader="科" class="letters-loading">科</span>
          <span data-text-preloader="技" class="letters-loading">技</span>
        </div>
        <p class="text-center">Loading</p>
      </div>
      <div class="loader">
        <div class="row">
          <div class="col-3 loader-section section-left">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-left">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-right">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-right">
            <div class="bg"></div>
          </div>
        </div>
      </div>
    </div>

    <!--<< Mouse Cursor Start >>-->
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <!-- Offcanvas Area Start -->
    <div class="fix-area">
	    <div class="offcanvas__info">
		    <div class="offcanvas__wrapper">
			    <div class="offcanvas__content">
				    <div
						    class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
					    <div class="offcanvas__logo">
						    <a href="index.html">
							    <img src="assets/img/logo/logo5.svg" alt="logo-img"/>
						    </a>
					    </div>
					    <div class="offcanvas__close">
						    <button>
							    <i class="fas fa-times"></i>
						    </button>
					    </div>
				    </div>
				    <p class="d-none d-lg-block">
					    公司介绍
				    </p>
				    <div class="mobile-menu fix mb-3"></div>
				    <div class="offcanvas__contact">
					    <h4>关于我们</h4>
					    <ul>
						    <li class="d-flex align-items-center">
							    <div class="offcanvas__contact-icon">
								    <i class="fal fa-map-marker-alt"></i>
							    </div>
							    <div class="offcanvas__contact-text">
								    <a target="_blank" href="#">郑州市管城紫荆山路59号 裕鸿国际B座 1519室</a>
							    </div>
						    </li>
						    <li class="d-flex align-items-center">
							    <div class="offcanvas__contact-icon mr-15">
								    <i class="fal fa-envelope"></i>
							    </div>
							    <div class="offcanvas__contact-text">
								    <a href="mailto:info@azent.com">
									    <span class="mailto:wangjinbrand@163.com">wangjinbrand@163.com</span>
								    </a>
							    </div>
						    </li>
						    <li class="d-flex align-items-center">
							    <div class="offcanvas__contact-icon mr-15">
								    <i class="fal fa-clock"></i>
							    </div>
							    <div class="offcanvas__contact-text">
								    <a target="_blank" href="#">9.00 – 18:00 周一至周五</a>
							    </div>
						    </li>
						    <li class="d-flex align-items-center">
							    <div class="offcanvas__contact-icon mr-15">
								    <i class="far fa-phone"></i>
							    </div>
							    <div class="offcanvas__contact-text">
								    <a href="tel:+15544009137">+15544009137</a>
							    </div>
						    </li>
					    </ul>
					    <div class="header-button mt-4">
						    <a href="contact.html" class="theme-btn text-center">
                  <span>
                    联系我们
                    <i class="fas fa-chevron-right"></i>
                  </span>
						    </a>
					    </div>
					    <!--					<div class="social-icon d-flex align-items-center">-->
					    <!--						<a href="#"><i class="fab fa-facebook-f"></i></a>-->
					    <!--						<a href="#"><i class="fab fa-twitter"></i></a>-->
					    <!--						<a href="#"><i class="fab fa-youtube"></i></a>-->
					    <!--						<a href="#"><i class="fab fa-linkedin-in"></i></a>-->
					    <!--					</div>-->
				    </div>
			    </div>
		    </div>
	    </div>
    </div>
    <div class="offcanvas__overlay"></div>

    <!-- Header Top Start -->
    <div class="header-top-section-3">
      <div class="container-fluid">
        <div class="header-top-wrapper style-2 style-3 color-style">
          <div class="top-left">
            <ul class="contact-list">
              <li>
                <span>Call</span>
                是否还在犹豫？
                <a href="contact.html">联系我们</a>
              </li>
              <li>
                <i class="fas fa-map-marker-alt"></i>
	              郑州市管城紫荆山路59号 裕鸿国际B座 1519室
              </li>
              <li>
                <i class="fas fa-envelope"></i>
                <a href="mailto:wangjinbrand@163.com" class="line-none">
	                wangjinbrand@163.com
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <!-- Header Area Start -->
    <header class="header-section-3">
      <div id="header-sticky" class="header-3">
        <div class="container-fluid">
          <div class="mega-menu-wrapper">
            <div class="header-main style-2">
              <div class="logo">
                <a href="index.html" class="header-logo">
                  <img src="assets/img/logo/logo3.svg" alt="logo-img" />
                </a>
              </div>
              <div class="header-left">
                <div class="mean__menu-wrapper">
                  <div class="main-menu">
                    <nav id="mobile-menu">
                      <ul>
                        <li class="has-dropdown active menu-thumb">
                          <a href="index.html">首页</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="service.html">服务</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="project.html">案例</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="faq.html">解决方案</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="about.html">关于我们</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="contact.html">联系我们</a>
                        </li>
                      </ul>
                    </nav>
                  </div>
                </div>
              </div>
              <div
                class="header-right d-flex justify-content-end align-items-center">
                <div class="header-button">
                  <a href="contact.html" class="theme-btn">
                    <span>
                      联系我们
                      <i class="fas fa-chevron-right"></i>
                    </span>
                  </a>
                </div>
                <div class="header__hamburger d-xl-block my-auto">
                  <div class="sidebar__toggle">
                    <div class="header-bar">
                      <span></span>
                      <span></span>
                      <span></span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>

    <!--<< Breadcrumb Section Start >>-->
    <div
      class="breadcrumb-wrapper section-padding bg-cover"
      style="background-image: url('assets/img/breadcrumb.jpg')">
      <div class="container">
        <div class="page-heading">
          <h1 class="wow fadeInUp" data-wow-delay=".3s">项目名称</h1>
          <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
            <li>
              <a href="index.html">首页</a>
            </li>
            <li>
              <i class="fal fa-minus"></i>
            </li>
            <li>项目名称</li>
          </ul>
        </div>
      </div>
    </div>

    <!--<< Project Details Section Start >>-->
    <section class="project-details fix section-padding">
      <div class="container">
        <div class="project-details-wrapper">
          <div class="row g-4 justify-content-between align-items-center">
            <div class="col-lg-7">
              <div class="project-title-content">
                <span class="text">关于项目</span>
                <h2>Deeper Dive into Our Digital Product Design Masterpieces</h2>
                <p>
                  Sed ut perspiciatis unde omniste natus voluptatem accusantiume rem
                  aperia eaque ipsa quae abillo inventore veritatis quasi architecto
                  beatae vitae dicta sunt explicabo. Nemo enim epsam voluptatem quia
                  voluptas aspernatur odites sed quia consequunture
                </p>
                <a href="project-details.html" class="theme-btn">
                  <span>
                    Visit Website
                    <i class="fas fa-chevron-right"></i>
                  </span>
                </a>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="details-info">
                <div class="info-items mb-4">
                  <h5>客户</h5>
                  <p>Design Studio In USA</p>
                </div>
                <div class="info-items mb-4">
                  <h5>项目</h5>
                  <p>Digital Product Design</p>
                </div>
                <div class="info-items mb-4">
                  <h5>时间</h5>
                  <p>25 October 2024</p>
                </div>
              </div>
            </div>
          </div>
          <div class="project-details-image">
            <div class="row g-4">
              <div class="col-lg-4">
                <div class="details-image">
                  <img src="assets/img/project/details.jpg" alt="img" />
                </div>
              </div>
              <div class="col-lg-8">
                <div class="details-image">
                  <img src="assets/img/project/details-2.jpg" alt="img" />
                </div>
              </div>
            </div>
          </div>
          <div class="project-details-content">
            <div class="row">
              <div class="col-lg-4">
                <div class="title-content">
                  <h2>Interesting facts in Development</h2>
                </div>
              </div>
              <div class="col-lg-1"></div>
              <div class="col-lg-6">
                <div class="details-content">
                  <p>
                    Must explain to you how all this mistaken idea of denouncing
                    pleasure and praising pain was born and I will give you a
                    complete account of the system, and expound the actual teachings
                    of the great explorer of the truth, the master-builder of human
                    happiness. No one rejects, dislikes, or avoids pleasure itself,
                    because it is pleasure, but because those who do not know how to
                    pursue pleasure rationally encounter
                  </p>
                  <div class="list-items">
                    <ul>
                      <li>
                        <i class="far fa-check"></i>
                        Efficient Sprint Planning
                      </li>
                      <li>
                        <i class="far fa-check"></i>
                        Standups and Demos
                      </li>
                    </ul>
                    <ul>
                      <li>
                        <i class="far fa-check"></i>
                        Iterative Delivery Approach
                      </li>
                      <li>
                        <i class="far fa-check"></i>
                        Problem-solving
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="project-details-content style-2">
            <div class="row">
              <div class="col-lg-4">
                <div class="title-content">
                  <h2>
                    The Results of
                    <br />
                    Our Project
                  </h2>
                </div>
              </div>
              <div class="col-lg-1"></div>
              <div class="col-lg-6">
                <div class="details-content">
                  <p>
                    Will give you a complete account of the system, and expound the
                    actual teachings of the great explorer of the truth, the
                    master-builder of human happiness rejects, dislikes, or avoids
                    pleasure
                  </p>
                  <div class="list-items-area">
                    <div class="icon">
                      <i class="fas fa-check-circle"></i>
                      Support clients
                    </div>
                    <p>
                      Sed ut perspiciatis unde omnis natus voluptatem accusantium
                      doloremque laudantium, totam rem aperiam inventore
                    </p>
                  </div>
                  <div class="list-items-area">
                    <div class="icon">
                      <i class="fas fa-check-circle"></i>
                      Solve problems
                    </div>
                    <p>
                      To take a trivial example, which of us ever undertakes
                      laborious physical exercise, except to obtain some advantage
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="project-details-image mt-0">
            <div class="row g-4">
              <div class="col-lg-6">
                <img src="assets/img/project/details-3.jpg" alt="img" />
              </div>
              <div class="col-lg-6">
                <img src="assets/img/project/details-4.jpg" alt="img" />
              </div>
            </div>
          </div>
          <div class="previous-button">
            <div class="preview-button">
              <span>
                上一个
                <i class="fas fa-chevron-right"></i>
              </span>
              <h4>
                <a href="project-details.html">项目名称</a>
              </h4>
            </div>
            <div class="icon">
              <i class="fas fa-th"></i>
            </div>
            <div class="preview-button style-2">
              <span>
                下一个
                <i class="fas fa-chevron-right"></i>
              </span>
              <h4>
                <a href="project-details.html">项目名称</a>
              </h4>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Brand Section Start >>-->
    改为公司Logo1
    <div class="brand-section-2 fix section-bg-2 mt-0">
      <div class="container">
        <div class="brand-wrapper style-2">
          <div class="brand-carousel-active-2">
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <!--<< Footer Section Start >>-->
    <footer class="footer-section footer-bg section-padding pb-0">
	    <div class="container">
		    <div class="footer-widgets-wrapper">
			    <div class="row">
				    <div class="col-xl-3 col-sm-6 col-md-6 col-lg-3 wow fadeInUp" data-wow-delay=".2s">
					    <div class="single-footer-widget">
						    <div class="widget-head">
							    <a href="index.html">
								    <img src="assets/img/logo/logo4.svg" alt="logo-img" />
							    </a>
						    </div>
						    <div class="footer-content">
							    <p>
								    我们相信它有能力做到这一点
								    <br />
								    令人惊奇的事情。
							    </p>
							    <span>有兴趣和我们一起合作吗?</span>
							    <br />
							    <a href="mailto:wangjinbrand@163.com" class="link">wangjinbrand@163.com</a>
						    
						    </div>
					    </div>
				    </div>
				    <div class="col-xl-2 ps-lg-5 col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-delay=".4s">
					    <div class="single-footer-widget">
						    <div class="widget-head">
							    <h5>快速链接</h5>
						    </div>
						    <ul class="list-items">
							    <li>
								    <a href="service.html">服务</a>
							    </li>
							    <li>
								    <a href="project.html">案例</a>
							    </li>
							    <li>
								    <a href="faq.html">解决方案</a>
							    </li>
							    <li>
								    <a href="about.html">关于我们</a>
							    </li>
							    <li>
								    <a href="contact.html">联系我们</a>
							    </li>
						    </ul>
					    </div>
				    </div>
				    <div class="col-xl-2 ps-lg-4 col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-delay=".6s">
					    <div class="single-footer-widget">
						    <div class="widget-head">
							    <h5>我们的服务</h5>
						    </div>
						    <ul class="list-items">
							    <li>
								    <a href="javascript:void(0);">高端网站定制</a>
							    </li>
							    <li>
								    <a href="javascript:void(0);">移动端网站建设</a>
							    </li>
							    <li>
								    <a href="javascript:void(0);">小程序高端定制开发</a>
							    </li>
							    <li>
								    <a href="javascript:void(0);">云产品</a>
							    </li>
							    <li>
								    <a href="javascript:void(0);">电商平台</a>
							    </li>
						    </ul>
					    </div>
				    </div>
				    <div class="col-xl-2 col-sm-6 col-md-6 col-lg-3 wow fadeInUp" data-wow-delay=".8s">
					    <div class="single-footer-widget">
						    <div class="widget-head">
							    <h5>地址：</h5>
						    </div>
						    <div class="footer-address-text">
							    <p>郑州市管城紫荆山路59号 裕鸿国际B座 1519室</p>
							    <h5>工作时间：</h5>
							    <p>
								    9.00 – 18:00
								    <br />
								    周一至周五
							    </p>
						    </div>
					    </div>
				    </div>
			    </div>
		    </div>
	    </div>
	    <div class="footer-bottom">
		    <div class="container">
			    <div class="footer-wrapper d-flex align-items-center justify-content-between">
				    <p class="wow fadeInLeft color-2" data-wow-delay=".3s">
					    Copyright © 2024 by
					    <a href="Http://www.bootstrapmb.com">bootstrapMB</a>
					    . All Rights Reserved.
				    </p>
				    <ul class="footer-menu wow fadeInRight" data-wow-delay=".5s">
					    <li>
						    <a href="about.html">关于我们</a>
					    </li>
					    <li>
						    <a href="contact.html">联系我们</a>
					    </li>
					    <li>
						    <a href="faq.html">解决方案</a>
					    </li>
				    </ul>
			    </div>
		    </div>
		    <a href="#" id="scrollUp" class="scroll-icon">
			    <i class="far fa-arrow-up"></i>
		    </a>
	    </div>
    </footer>

    <!--<< All JS Plugins >>-->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <!--<< Viewport Js >>-->
    <script src="assets/js/viewport.jquery.js"></script>
    <!--<< Bootstrap Js >>-->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!--<< Nice Select Js >>-->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <!--<< Waypoints Js >>-->
    <script src="assets/js/jquery.waypoints.js"></script>
    <!--<< Counterup Js >>-->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!--<< Slick Js >>-->
    <script src="assets/js/slick.min.js"></script>
    <!--<< Slick Animation Js >>-->
    <script src="assets/js/slick-animation.min.js"></script>
    <!--<< MeanMenu Js >>-->
    <script src="assets/js/jquery.meanmenu.min.js"></script>
    <!--<< Magnific Popup Js >>-->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!--<< Wow Animation Js >>-->
    <script src="assets/js/wow.min.js"></script>
    <!--<< Circle Progress Js >>-->
    <script src="assets/js/circle-progress.js"></script>
    <!--<< Main.js >>-->
    <script src="assets/js/main.js"></script>
  </body>
</html>
